ILI9341搭載２．８インチＳＰＩ制御タッチパネル付ＴＦＴ液晶 ＭＳＰ２８０７
240x320ドットの 、チップはILI9341です
タッチパネルのコントローラーチップはXPT2046です
製品
参考資料
アマゾンのレビュー欄にあった画像
https://gyazo.com/76f0cb721024855f0cb1e1d2b7702552
参考動画
https://www.youtube.com/watch?v=JGIdd8FkQFk&t=122s
https://www.youtube.com/watch?v=bi6dMLkTylc
https://gyazo.com/eceb085b6e5587da0e6062d053a7ad21
https://gyazo.com/da69ac8f704f727fcf06630231c95ce8
https://www.youtube.com/watch?v=UAqyy7OqpZY
https://www.youtube.com/watch?v=9CxZ8JUu4fo&t=82s
arduinnoで使う場合、８ビット双方向ロジックレベル変換モジュールが必用
wokwi（シミュレーター） において
https://gyazo.com/b6444145436b4617f6017fa3506ed138
tft.drawRect(x, y, w, h, color) の後に、yield() を入れないとバグる
uint16_t color565(uint8_t r, uint8_t g, uint8_t b) で任意の色を生成できる。直接 unit16_t blue = 0x2d5fのように宣言して使うこともできる
RGB565 方式
ここで16bitカラーが生成できる
ライブラリ
charレンダリングの仕組み
code:Adafruit_GFX.cpp
// draw a character
void Adafruit_GFX::drawChar(int16_t x, int16_t y, unsigned char c,
uint16_t color, uint16_t bg, uint8_t size) {
if((x >= _width) || // Clip right
(y >= _height) || // Clip bottom
((x + 5 * size - 1) < 0) || // Clip left
((y + 8 * size - 1) < 0)) // Clip top
return;
for (int8_t i=0; i<6; i++ ) {
uint8_t line;
if (i == 5)
line = 0x0;
else
line = pgm_read_byte(font+(c*5)+i);
for (int8_t j = 0; j<8; j++) {
if (line & 0x1) {
if (size == 1) // default size
drawPixel(x+i, y+j, color);
else { // big size
fillRect(x+(i*size), y+(j*size), size, size, color);
}
} else if (bg != color) {
if (size == 1) // default size
drawPixel(x+i, y+j, bg);
else { // big size
fillRect(x+i*size, y+j*size, size, size, bg);
}
}
line >>= 1;
}
}
}
Adafruit_ILI9341はAdafruit-GFX-Libraryを継承しているので、Adafruit-GFX-Library側の資料も参考にすること
TFT.setTextSize()
文字列のサイズを設定する。デフォルトサイズは"1"である。サイズを1増やすと、高さが10ピクセル増える。size 1が10ピクセル、size 2が20ピクセル、…である。
実際に試したところ、横はサイズ(1,2,3,4,....) * 6px であった
日本語の表示方法
ライブラリではASCII 文字しかレンダリングできないので、ひらがなカタカナ漢字を表示するには、ビットマップを作成する必要がある
このスケッチで使った漢字と記号は「C、O、気、圧、温、湿、度、(℃)」と少ないので、メモリ消費を抑えるために、利用する特定の文字のみをBMPファイルから変換したHEXデータで表示します。
漢字や記号のBMPファイルは、Windows標準アプリのペイント3Dで170×170ピクセル程度で作った後キャンパスを32×32ピクセル（「(℃)」のみ40×40ピクセル）に変更して圧縮します。このBMPファイルをHEXデータに変換してtft.drawXBitmap() で描画します。
ビットマップを作成するには、lcd-image-converter.exe を使うとよい
設定でRGB565 方式の出力ができる